@import "src/assets/scss/var";
.header_box {
    width: 100%;
    display: flex;
    background-color: $theme-color;
    height: 64px;

    .left_box {
        display: flex;
        align-items: center;
        margin-left: 120px;

        .left_img {

            width: 30px;
            height: 30px;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 30px;
            display: flex;
            align-items: center;

            img {
                width: 30px;
                height: 30px;
            }
        }

        .left_text {
            color: #fff;
            font-size: 22px;
        }
    }
}
.main {
    margin : 0 auto;
    text-align: center;
    width: 600px;

    .progress {
        width: 400px;
        margin: 80px auto;
        display: flex;
        justify-content: space-between;
        margin-bottom: 80px;
    }
    .from {
        width: 600px;
        padding: 0 40px;
        margin: 0 auto;

        .input_box {
            width: 100%;
            margin-bottom: 26px;
            display: flex;
            justify-content: flex-start;
            .input_name{
                width: 100px;
                text-align: left;
                line-height: 40px;
            }
            .input_view {
                width: 380px;
                display: flex;
                justify-content: flex-start;


                input {
                    width: 100%;
                    height: 40px;
                    outline: none;

                    border: 1px solid #CCCCCC;
                    box-sizing: border-box;
                    border-radius: 4px;
                    padding: 8px;
                    padding-left: 12px;
                    box-shadow: 0 0 2px #ccc;
                }
            // 标注
                .biaozhu {
                    width: 120px;
                    margin-left: 4px;
                    line-height: 40px;
                    background-color: #169bd5;
                    border-radius: 6px;
                    color: #fff;
                    &:active {
                        background-color: #1388b9;
                    }
                }

            //    企业简介
                textarea{
                    width: 100%;
                    height: 60px;
                    border: none;
                    border: 1px solid #CCCCCC;
                    box-sizing: border-box;
                    border-radius: 4px;
                    outline: none;
                    padding:8px;
                }
            //    营业执照和门头照片
                .img_box {
                    width: 60px;
                    height: 60px;
                    border: 1px solid #ccc;
                    cursor: cell;
                    border-radius: 6px;
                    overflow: hidden;
                    background: no-repeat center url("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fdpic.tiankong.com%2Fjx%2Fs2%2FQJ8524760029.jpg&refer=http%3A%2F%2Fdpic.tiankong.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1660728302&t=71b778d99896ec094d89d3293639e84b");


                    img {
                        width: 60px;
                        height: 60px;}
                }
            }

        }
        //    地图
        .map{
            width:380px;
            height: 400px;
            display: flex;
            margin: 0 0 20px 100px;
            //position: fixed;
            //left:0;
            //top:0;
            //bottom:0 ;
            //right: 0;
            overflow: hidden;
            flex-shrink: 0;
        }


    }
    .submit_btn {
        width: 40%;
        margin: 20px auto;
        padding: 10px 0;
        color: #fff;
        border-radius: 10px;
        background-color: $auxiliary-color;
        cursor: pointer;
        &:active {
            background-color:$theme-color;;
        }
    }
}

